<template>
    <div class="main">
        <el-table v-loading="loading" :data="list" :show-overflow-tooltip="true" :stripe="true">
            <el-table-column align="center" fixed="left" label="工单号" prop="workOrderNo" width="160">
                <template #default="scope">
                    <el-link :underline="false" type="primary" @click="openDetail(scope.row.id)">
                        {{ scope.row.workOrderNo }}
                    </el-link>
                </template>
            </el-table-column>
            <el-table-column align="center" label="工单类型" prop="workOrderType" width="100">
                <template #default="scope">
                    {{ scope.row.workOrderType }}
                </template>
            </el-table-column>
            <el-table-column align="center" label="故障类型" prop="workOrderFaultType" width="120" />
            <el-table-column align="center" label="故障描述" prop="workOrderFaultDescribed" width="130" />
            <el-table-column align="center" label="客户名称" prop="customerName" width="180" />
            <el-table-column align="center" label="联系电话" prop="customerContactNumber" width="135" />
            <el-table-column align="center" label="服务人员" prop="servicePersonnelName" width="135" />
            <el-table-column align="center" label="工单状态" prop="workOrderStatus" width="135" />
            <el-table-column align="center" label="优先级" prop="workOrderPriority" width="135" />
            <el-table-column align="center" label="提交时间" prop="commitTime" width="135" />
            <el-table-column align="center" label="服务时间" prop="serviceTime" width="135" />
            <el-table-column align="center" label="完成时间" prop="completionTime" width="135" />
            <el-table-column align="center" label="是否结算" prop="settlement" width="135" />
            <el-table-column align="center" label="成本价" prop="costPrice" width="135" />
            <el-table-column align="center" label="利润" prop="profit" width="135" />
            <el-table-column align="center" label="结算备注" prop="settlementNotes" width="135" />
            <el-table-column align="center" label="锁定状态" prop="lockedState">
                <template #default="scope">
                    <dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="scope.row.lockedState" />
                </template>
            </el-table-column>
            <el-table-column align="center" label="创建人" prop="creator" width="100px" />
            <!-- <el-table-column align="center" fixed="right" label="操作" min-width="150">
                <template #default="scope">
                    <el-button v-hasPermi="['crm:customer:update']" link type="primary"
                        @click="openForm('update', scope.row.id)">
                        编辑
                    </el-button>
                    <el-button v-hasPermi="['crm:customer:delete']" link type="danger"
                        @click="handleDelete(scope.row.id)">
                        删除
                    </el-button>
                </template>
            </el-table-column> -->
        </el-table>
    </div>
</template>

<script setup>
import { ref, reactive, onMounted, onUnmounted } from 'vue'
// import { showFailToast, showDialog, showToast, Field, Icon } from 'vant'
// import { axiosWithoutToken, axiosWithToken, } from '@/utils/api'

const list = ref([])
const form = reactive({})
const loading = ref(false)

console.log(form, list)

onMounted(() => {
    // 进入页面执行
});

onUnmounted(() => {

})





</script>

<style lang="scss" scoped></style>